<template>
  <el-form>
    <el-row>
        <el-col :span="24">
            <div style="padding-right: 70px;">
                <div style="padding: 0 10px;border-bottom: 1px solid #d1dbe5;">
                    <span style="line-height: 42px;font-weight: bold;color: #d31a48;">分支差异检查报告</span> 
                    <br />
                </div>

                <div class="sheet-body" style="padding-top: 10px;">
                  <p>Hello world.</p>
                  <diffcommentsview :data="diffStr"></diffcommentsview>   
                </div>
                <div class="nothing_change" >Nothing Change  ^_^</div>
            </div>
        </el-col>
    </el-row>
  </el-form>  
</template>

<script>
import diffStr from '../data/diffstr.js'
export default {
  data(){
      return{
        diffStr
        // outputFormat:"side-by-side",
      };
  },
  directives: {
    highlight: function (el) {
      // let blocks = el.querySelectorAll('code')
      // blocks.forEach((block) => {
      //   hljs.highlightBlock(block)
      // })
    }
  },
  computed: {
      
  },
  methods: {
    createdHtml (content) {
      // function hljs (html) {
      //   return html.replace(/<span class="d2h-code-line-ctn">(.+?)<\/span>/g, '<span class="d2h-code-line-ctn"><code>$1</code></span>')
      // }
      // let outStr = Diff2Html.getJsonFromDiff(content, {inputFormat: 'diff', outputFormat: this.outputFormat, showFiles: false, matching: 'lines'})
      // let html = Diff2Html.getPrettyHtml(outStr, {inputFormat: 'json', outputFormat: this.outputFormat, showFiles: false, matching: 'lines'})
      // return hljs(html)
    },           
  }
}
</script>
<style>
.hljs{
  display: inline-block !important;
  padding: 0 !important;
  background: transparent !important;
  vertical-align:middle !important;
}
.d2h-file-header{
  display: none !important;
}
</style>

